<template>
  <div id="main">
    <search></search>
    <banner></banner>
    <router-view/>
  </div>
</template>

<script>
  import Banner from './Banner'
  import Search from './Search'
  export default {
    name: 'Main',
    components: {
      Search,
      Banner
    },
    created: function () {}
  }
</script>

<style scoped lang="scss">
  @import "../../static/scss/mixin";
  #main {
    margin-bottom: pxTorem(65);
  }
</style>
